<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>历史</title>
    <link rel="stylesheet" href="../css/normalize.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/history.css"/>
</head>
<body class="theme">
<div id="app" v-cloak>
    <div id="header">
        <!-- 头部导航组件 -->
        <header-nav></header-nav>
    </div>
    <section class="main outter-top clearfix auto" >
        <div class="left-side fl skin2 outter-right" style="width: 445px;height: 840px;">
            <!-- 产用交互组件 -->
            <production-component></production-component>
            <!-- 主管压力放散组件 -->
            <pressure-component></pressure-component>
            <div class="gas">
                <div class="gas-title outter-top  outter-bottom clearfix">
                    <h2 class="common-title fl">
                        全网波动归因
                    </h2>
                    <ul class="gas-legend fl">
                        <li class="gas-legend-des fl">
                            <span class="gas-legend2-icon fl gas-legend-icon legend-icon"></span>
                            <span class="fl">波动贡献度</span>
                        </li>
                    </ul>
                </div>
                <div class="gas-content skin2 border" id="gas_chart" >
                </div>
            </div>
        </div>
        <div class="main-contain skin fl  border">
            <div class="broadcast outter-top15" >
                <div class="clearfix pad-left20-rig10">
                    <div class="fl ">
                        <h3 class="fl font-18 color-h3">历史消息({{msglist.length}})</h3>
                        <h5 class="fl font-18 color-h5">&nbsp</h5>
                    </div>
                    <div class="fr  outleft15">
                        <div class="data-picker clearfix">
                            <input  :placeholder="timeStamp|formatterTime" class="laydate-text laydate-icon timeUstyle stateUTime"  @click="datePicker('valStart')" > --
                            <input  :placeholder="timeStamp|formatterTime" class=" laydate-text laydate-icon timeUstyle stateUTime"  @click="datePicker('valEnd')">
                            <input type="button" value="确定" class="query" @click="sure"/>
                            <a href="javascript:;" class="main-container-active-view-close" id="main_container_active_view_close"></a>
                        </div>
                    </div>
                    <drop-menu class="fr" slot="dropMenu" :menulist="headerMenuList" deftitle="全部" sendname="num" class="header-boiler outter-top"></drop-menu>
                </div>
                <div class="broadcast-content skin2  highlight-border" id="broadcast_content">
                    <ul class="title-list clearfix">
                        <li class="title-name w200 title-bg mr2 fl">
                            <a href="javascript:;">标题</a>
                        </li>
                        <li class="title-time w100 title-bg mr2 fl">
                            <a href="javascript:;">发生时间</a>
                        </li>
                        <li class="title-time w100 title-bg mr2 fl">
                            <a href="javascript:;">结束时间</a>
                        </li>
                        <li class="title-time w100 title-bg mr2 fl">
                            <a href="javascript:;">用户取消</a>
                        </li>
                        <li class="title-prediction w120 title-bg mr2 fl">
                            <a href="javascript:;">预计产用气波动</a>
                        </li>
                        <li class="title-status w774 title-bg fl">
                            <a href="javascript:;">详细信息</a>
                        </li>
                    </ul>
                    <div class="contents" id="contents" >
                        <my-message :msg="msglist" v-if="msglist.length!=0"></my-message>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
</body>
<script src="../js/lib/jquery-1.11.0.min.js"></script>
<script src="../js/lib/echarts.js"></script>
<script src="../js/lib/vue.min.js"></script>
<script src="../js/lib/elementUi.js"></script>
<script src="../js/lib/vue-resource.js"></script>
<script src="../js/lib/lodash.js"></script>
<script src="laydate.js"></script>
<script src="../js/data.js"></script>
<script src="../js/base.js"></script>
<script src="../js/common.js"></script>
<script src="../js/components.js"></script>
<script src="../js/chart.js"></script>
<script src="../js/history.js"></script>
</html>